<template>
  <div>
    <span class="kong"></span>
    <van-nav-bar @click-left="onClickLeft" @click-right="onClickRight" class="vnb" fixed :z-index='res'>
      <ul slot="title" class="list">
        <li><a href="#/frecommend">推荐</a></li>
        <li><a href="#/attention">关注</a></li>
        <li><a href="#/nearby">附近</a></li>
      </ul>
      
      <van-icon name="friends" color="black" size="26" slot="right"/>
             <van-icon :name="as" color='black' size='40px' slot="left" @click-left="onClickLeft"
          style="display:block;border-radius:50%;overflow:hidden"
          
           />
    </van-nav-bar>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "Dynamic",
  data() {
    return {
      active: 1,
      index:1,
      res:100,
      as: this.$store.state.plce,

    };
  },
  methods: {
    onClickLeft() {
      this.$router.push('/myspeed')
    },
    onClickRight() {
      this.$router.push('/addfriend')
    },
    showSelWrap() {

    },
  },
  mounted() {}
};
</script>

<style scoped>
.van-nav-bar{
  display: flex;
}
.list li{
  display: block;
  float: left;
  margin: 0 18px;
 
  font-size: 14px;
  font-family: PingFangSC-regular;
  border-bottom: 1px solid #aaa
}
.list li a{
   color: rgba(16, 16, 16, 1);
}
.kong{
    display: block;
    height: 50px;
}
</style>